import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'
import { viteMockServe } from 'vite-plugin-mock'

// https://vite.dev/config/
export default defineConfig({
  plugins: [vue(), vueDevTools(),
    viteMockServe({
      mockPath: './mock', // 指定 mock 文件目录
      localEnabled: true, // 开发环境启用
      prodEnabled: false, // 生产环境禁用
      logger: true, // 控制台显示请求日志
      injectCode: ` // 注入代码（可选）
        import { setupProdMockServer } from '../mock/mockProdServer';
        setupProdMockServer();
      `
    })
  ],
  css: {
    preprocessorOptions: {
      less: {
        modifyVars: {
          // 定制Vant主题
          'primary-color': '#007aff',
          'success-color': '#07c160',
          'danger-color': '#ee0a24',
        },
        javascriptEnabled: true,
      },
    },
  },
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
})
